<div class="info">
<!-- 	<div class="base-info">
	<img src="../img/test.png" alt="">
	<div class="per-info">
		<span class="col-md-4">{{perInfo.xm}}</span>
		<span class="col-md-4">性别：{{perInfo.xb}}</span>
		<span class="col-md-4">民族：{{perInfo.mz}}</span>
		<span class="col-md-4">人员类别：<span class="level" ng-class="{'高危人员':'first-class','重点关注':'second-class','闲散人员':'third-class'}[perInfo.rydj]"><span class="icon"></span><span>{{perInfo.rydj}}</span></span></span>
		<span class="col-md-4">综合得分：{{perInfo.df}}</span>
<span class="col-md-4">籍贯：{{perInfo.JG}}<span class="JG" ng-if="perInfo.JGWX==1"><img src="../img/very-dangerous.png" alt="">(高危地区)</span></span>
		<span class="col-md-12">出生日期：{{perInfo.csrq}}</span>
		<span class="col-md-12">身份证编号：{{perInfo.sfzh}}</span>
		<span class="col-md-12">家庭住址：{{perInfo.jtdz}}</span>
		<span class="col-md-12">人员行为描述：{{perInfo.ms}}</span>
	</div>
</div> -->

	<div>
		<div class="table-title"><span class="table-title-icon"></span><span>综合信息</span></div>
		<div class="info-content">
			<div class="info-title">
				<div>
					<div class="col-md-3 full-height">社区名字：{{bfInfo.name}}</div>
					<div class="col-md-3">所属街道：{{bfInfo.jd}}</div>
					<div class="col-md-2">人口数：{{bfInfo.rks}}</div>
					<!-- <div class="col-md-4" style="text-align:right">社区面积：{{bfInfo.mj}}</div> -->
				</div>
			</div>
	<div class="flowpeople-line">
			<div class="row">
				<div class="col-md-1">
					<div class="box">
						<div class="line-plus" ng-class="{'高危':'first-class','重点':'second-class','欠安':'third-class','安全':'forth-class'}[(historyDf[0].total_score|dfToColor:30)]">分</div>
						<div class="time-mark">历史最低分</div>
					</div>
				</div>
				<div class="col-md-10 none-padding">
					<ul class="people-line">
						<li ng-repeat="people in historyDf |limitTo:-8">
							<div class="line-plus" ng-class="{'高危':'first-class','重点':'second-class','欠安':'third-class','安全':'forth-class'}[(people.total_score|dfToColor:70)]">{{people.total_score}}分</div>
							<div class="circle-mark"></div>
							<div class="time-mark">{{people.date}}</div>
							<!-- <div class="time-mark">{{people.time.split('年')[0]}}年</div>
							<div class="time-mark">{{people.time.split('年')[1]}}</div> -->
						</li>
					</ul>


				</div>
				<div class="col-md-1 none-padding">
					<div class="box">
						<div class="line-plus" ng-class="{'高危':'first-class','重点':'second-class','欠安':'third-class','安全':'forth-class'}[(historyDf[1].total_score|dfToColor:30)]">分</div>
						<div class="time-mark">历史最高分</div>
					</div>
				</div>
			</div>
		</div>
			<div class="person-aspects">
			 	<ng-echarts class="col-md-6 echarts" ec-config="radarConfig" ec-option="radarOption" ></ng-echarts>
			</div>
			<div class="general-info">
				<table class="general-table">
					<tr ng-repeat="(name,val) in dfGroup">
						<td width="10%">{{name}}</td>
						<td width="60%">{{val.ms}}</td>
						<td width="20%"><div class="tb-circle"><span class="circle" ng-class="{'高危':'first-class-bk','重点':'second-class-bk','欠安':'third-class-bk','安全':'forth-class-bk'}[(val.df|dfToColor:20)]">&nbsp;</span>{{val.df}}分</div></td>
					</tr>
				</table>
			</div>
		</div>
	</div>
	<div>
		<div class="table-title"><span class="table-title-icon"></span><span>警情信息</span></div>
		<div class="jingqing-linecharts">
			<div class="jingqing-line-chart pull-left"><ng-echarts class="col-md-6 echarts" ec-config="lineConfig" ec-option="lineOption" ></ng-echarts></div>
			<div class="jingqing-line-chart pull-right"><ng-echarts class="col-md-6 echarts" ec-config="lineConfig" ec-option="lineOption2" ></ng-echarts></div>

		</div>
		<div>
			<table class="detail-table">
				<thead>
					<th class="col-md-2">报警时间</th>
					<th class="col-md-6">报警内容</th>
					<th class="col-md-2">案发地点</th>
					<th class="col-md-2">案件类别</th>
				</thead>
				<tbody >
					<tr ng-repeat="jingqing in jingqings">
						<td>{{jingqing.bjsj | date: 'yyyy-MM-dd HH:mm:ss'}}</td>
						<td>{{jingqing.bjnr}}</td>
						<td>{{jingqing.afdd}}</td>
						<td>{{jingqing.bjlbdm | c2type}}</td>
					</tr>
					
				</tbody>
			</table>
		</div>
	</div>
	<div>
		<div class="table-title"><span class="table-title-icon"></span><span>案情信息</span></div>
		<div class="jingqing-linecharts">
			<div class="jingqing-line-chart pull-left"><ng-echarts class="col-md-6 echarts" ec-config="lineConfig" ec-option="lineOption3" ></ng-echarts></div>
			<div class="jingqing-line-chart pull-right"><ng-echarts class="col-md-6 echarts" ec-config="lineConfig" ec-option="lineOption4" ></ng-echarts></div>

		</div>
		<div>
			<table class="detail-table">
				<thead>
					<th class="col-md-2">案件发生时间</th>
					<th class="col-md-6">案件内容</th>
					<th class="col-md-2">案发地点</th>
					<th class="col-md-2">案件类别</th>
				</thead>
				<tbody >
					<tr ng-repeat="jingqing in anqings">
						<td>{{jingqing.fssj | date: 'yyyy-MM-dd HH:mm:ss'}}</td>
						<td>{{jingqing.bjnr}}</td>
						<td>{{jingqing.afdd}}</td>
						<td>{{jingqing.ajlbmc}}</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	<div ng-show="zdry.length>0">
		<div class="table-title"><span class="table-title-icon"></span><span>重点人员信息</span></div>
		<div class="jingqing-linecharts">
			<div class="jingqing-line-chart pull-left"><ng-echarts class="col-md-6 echarts" ec-config="lineConfig" ec-option="lineOption5" ></ng-echarts></div>
			<div class="jingqing-line-chart pull-right"><ng-echarts class="col-md-6 echarts" ec-config="lineConfig" ec-option="barOption1" ></ng-echarts></div>

		</div>
		<div>
			<table class="detail-table">
				<thead>
					<th>日期</th>
					<th>身份证号</th>
					<th>姓名</th>
					<th>场所名称</th>
					<th>地址</th>
				</thead>
				<tbody >
					<tr ng-repeat="jingqing in zdry">
						<td>{{jingqing.date}}</td>
						<td>{{jingqing.r_sfzh}}</td>
						<td>{{jingqing.r_xm}}</td>
						<td>{{jingqing.lgmc}} {{jingqing.yycsmc}}</td>
						<td>{{jingqing.dz}} {{jingqing.lgdz}}</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	<div ng-show="hddcase.length>0">
		<div class="table-title"><span class="table-title-icon"></span><span>黄赌毒举报信息</span></div>
		<div>
			<table class="detail-table">
				<thead>
					<th width="15%">案件编号</th>
					<th width="15%">举报时间</th>
					<th width="25%">地点</th>
					<th width="35%">举报内容</th>
					<th width="10%">黄赌毒类型</th>
				</thead>
				<tbody>
					<tbody >
						<tr ng-repeat="casemain in hddcase">
							<td>{{casemain.id}}</td>
							<td>{{casemain.time | date: 'yyyy-MM-dd HH:mm:ss'}}</td>
							<td>{{casemain.afdd}}</td>
							<td>{{casemain.bjnr}}</td>
							<td>{{casemain.type}}</td>
						</tr>
					</tbody>
				</tbody>
			</table>
		</div>
	</div> 
	<!-- <div>
		<div class="table-title"><span class="table-title-icon"></span><span>流动人口信息</span></div>
		<div class="flowpeople-line">
			<div class="line-title">区域流动人口变化图</div>
			<div class="row">
				<div class="col-md-1">
					<div class="box">
						<div class="line-plus">{{flowPeople[0].amount}}人</div>
						<div class="time-mark">初始流动</div>
						<div class="time-mark">人口数量</div>
					</div>
				</div>
				<div class="col-md-10 none-padding">
					<ul class="people-line">
						<li ng-repeat="people in flowPeople |limitTo:8">
							<div class="line-plus" ng-class="{'高危':'first-class','重点':'second-class','欠安':'third-class','安全':'forth-class'}[(people.df|dfToColor:3)]">+{{people.df}}分</div>
							<div class="time-mark">流动人口:{{people.amount}}人</div>
							<div class="circle-mark"></div>
							<div class="time-mark">{{people.time.split('年')[0]}}年</div>
							<div class="time-mark">{{people.time.split('年')[1]}}</div>
						</li>
					</ul>


				</div>
				<div class="col-md-1 none-padding">
					<div class="box">
						<div class="line-plus">{{flowPeople[flowPeople.length-1].amount}}人</div>
						<div class="time-mark">最终流动</div>
						<div class="time-mark">人口数量</div>
					</div>
				</div>
			</div>
		</div>
		<div>
			<table class="detail-table">
				<thead>
					<th width="20%">时间</th>
					<th width="25%">流动人口数量</th>
					<th width="35%">流动人口变化量</th>
					<th width="20%">得分</th>
				</thead>
				<tbody>
					<tr ng-repeat="people in flowPeople">
						<td>{{people.time}}</td>
						<td>{{people.amount}}人</td>
						<td ng-if="people.change>0">增加{{people.change}}人</td>
						<td ng-if="people.change<0">减少{{-people.change}}人</td>
						<td ng-if="people.change==0">无变化</td>
						<td class="lastCol"><div class="tb-circle"><span class="circle" ng-class="{'高危':'first-class-bk','重点':'second-class-bk','欠安':'third-class-bk','安全':'forth-class-bk'}[(people.df|dfToColor:3)]">&nbsp;</span>{{people.df}}分</div></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div> -->
	<div ng-show="byPlace.length>0">
		<div class="table-title"><span class="table-title-icon"></span><span>边缘性场所信息</span></div>
		<div>
			<table class="detail-table">
				<thead>
					<th width="25%">场所名称</th>
					<th width="35%">场所地点</th>
					<th width="15%">负责人</th>
					<th width="15%">场所类型</th>
					<th width="10%">是否有证</th>
				</thead>
				<tbody>
					<tr ng-repeat="place in byPlace">
						<td>{{place.name}}</td>
						<td>{{place.addr}}</td>
						<td>{{place.proprietor}}</td>
						<td>{{place.type}}</td>
						<td>{{place.mark}}</td>
					</tr>

				</tbody>
			</table>
		</div>
	</div> 
	<!-- <div class="table-info">
		<div class="table-title">
			<span class="table-title-icon"></span><span>信息反馈</span>
		</div>
		<div class="comment">
			<ul class="comment-choose-icons" >
				<li ng-class="{'pointer':editState=='edit'}" ng-click="chooseSuggest(1)">
					<img ng-show="choiceSuggest=='1'" src="../img/icons1/重点蓝.png" alt="">
					<img ng-show="choiceSuggest!='1'" src="../img/icons1/重点灰.png" alt="">
					<span>重点关注</span>
				</li>
				<li ng-class="{'pointer':editState=='edit'}" ng-click="chooseSuggest(2)">
					<img ng-show="choiceSuggest=='2'" src="../img/icons1/观察蓝.png" alt="">
					<img ng-show="choiceSuggest!='2'" src="../img/icons1/观察灰.png" alt="">
					<span>观察名单</span>
				</li>
				<li ng-class="{'pointer':editState=='edit'}" ng-click="chooseSuggest(3)">
					<img ng-show="choiceSuggest=='3'" src="../img/icons1/待定蓝.png" alt="">
					<img ng-show="choiceSuggest!='3'" src="../img/icons1/待定灰.png" alt="">
					<span>待定处理</span>
				</li>
				<li ng-class="{'pointer':editState=='edit'}" ng-click="chooseSuggest(4)">
					<img ng-show="choiceSuggest=='4'" src="../img/icons1/白名单蓝.png" alt="">
					<img ng-show="choiceSuggest!='4'" src="../img/icons1/白名单灰.png" alt="">
					<span>白名单</span>
				</li>
				<li ng-class="{'pointer':editState=='edit'}" ng-click="chooseSuggest(5)">
					<img ng-show="choiceSuggest=='5'" src="../img/icons1/已离开蓝.png" alt="">
					<img ng-show="choiceSuggest!='5'" src="../img/icons1/已离开灰.png" alt="">
					<span>已离开</span>
				</li>
			</ul>
		</div>
		<div class="comment-content">
			<textarea ng-model="suggestion" ng-disabled="editState!='edit'" ng-class="{'textarea-edit':editState=='edit','textarea-noedit':editState!='edit'}" name="" id="" cols="30" rows="10"></textarea>
			<div ng-show="editState=='edit'" ng-click="emptyTextArea()" class="textarea-empty"><img src="../img/icons1/垃圾桶.png" alt="">清空</div>
	
		</div>
		<div class="btn-field full-width">
			<button class="info-cancel-btn" ng-show="editState=='edit'" ng-click="resetSuggestion()"><img src="../img/icons1/取消.png" class="btn-icon" alt=""><span>放弃提交</span></button>
			<button class="info-btn" ng-click="submitSuggestion()" ng-show="editState=='edit'"><img src="../img/icons1/提交.png" class="btn-icon"  alt=""><span>确认提交</span></button>
			<button class="info-btn" ng-show="editState!='edit'" ng-click="openEdit()"><img src="../img/icons1/编辑.png" class="btn-icon" alt=""><span>编辑修改</span></button>
		</div>
	</div> -->
</div>
